
<template>
		<ul class="footer">
			<router-link to="/home"  tag="li"><img src="../assets/img/首页.png" alt=""></router-link>
			<router-link to="/now"  tag="li"><img src="../assets/img/关注.png" alt=""></router-link>
			<li @click="where"><img src="../assets/img/我的.png" alt=""></li>
			
		</ul>
</template>

<script>
	export default {
		name: 'Footer',
		data() {
			return {
			}
		},
		components: {},
		mounted() {},
		updated() {},
		methods: {
			where(){
				let user = window.localStorage.getItem('user');
				if(user){
					this.$router.push('/user')
				}else{
					this.$router.push('/login')
				}
			}
		},		
	}
</script>

<style scoped>
	.footer{display: flex;align-items: center;justify-content: space-evenly;position: fixed;bottom: -1px;background-color: white;height: 0.7rem;width: 100%;}
	li{width: 0.3rem;height: 0.5rem;display: flex;align-items: center;}
	img{width: 100%;}
</style>


